
 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>
        {+$webname+}
    </title>
    <style type="text/css">
    body, div, form, input, img, p {
        margin: 0;
        padding: 0;
    }
    body {
        font: 14px/1.231 Verdana, Arial, Helvetica, sans-serif;
        color: #333333
    }
    a {
        color: #DD2405;
        text-decoration: underline
    }
    .pager {
        width: 1003px;
        height: 600px;
        margin: 0 auto;
        position: relative
    }
    .bg {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 0
    }
    .bg img {
        width: 1003px;
        border: 0;
    }
    .lo {
        position: absolute;
        top: 198px;
        left: 320px;
    }
    .login {
        z-index: 2;
        height: 190px;
        width: 318px;
        background: #FFF9D7;
        border: 5px solid #E9AC08;
        padding: 0 8px;
        margin: 10px
    }
    .opacity {
        background: white;
        filter: alpha(opacity=50);
        z-index: 1;
        opacity: 0.5;
        width: 364px;
        height: 218px;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        vertical-align: middle;
        margin-top: 8px;
    }
    caption {
        height: 39px;
        font-size: 16px;
        color: #C40C00;
        font-weight: bold;
    }
    caption p {
        position: relative;
        bottom: 2px;
        border-top: 1px solid #FFC84E;
        font-size: 0;
        line-height: 0;
        height: 0
    }
    caption span {
        padding: 0 10px;
        position: relative;
        z-index: 2;
        background: #FFF9D7;
        top: 10px
    }
    th, td {
        padding: 7px 0
    }
    th {
        width: 21%;
        text-align: right;
        padding-left: 4px
    }
    input {
        height: 20px;
        line-height: 20px;
        border: 1px solid #9B9B9B;
        width: 176px
    }
    .sbt {
        width: 58px;
        height: 55px;
        border: 1px solid #DD6005;
        background: #FFAA6C;
        padding: 1px
    }
    .sbt input {
        width: 58px;
        height: 55px;
        color: white;
        background: #FF740F;
        font-size: 18px;
        font-weight: bold;
        border: 0;
        cursor: pointer;
		text-align:center
    }
    .vcode input {
        width: 80px
    }
    .vcode img {
        vertical-align: top;
        height: 22px
    }
    .vbanben {
        font-size:13px;
        line-height:20px;
    }
    .vbanben input, .vbanben label {
        float:left;
    }
    #password_container{
    	width:176px; display:inline-block; height:22px; position:relative;
    }
    #sec {
        width: auto;
    }
    .downloadTip {
        display: none;
        background:#d6d6d6; 
        color:#333; 
        width:176px; 
        height:22px; 
        line-height:22px; 
        text-decoration:none; 
        position:absolute; left:0; top:0;
        font-size: 12px;
    }
    .dtshow {
        display: inline-block;
    }
    </style>
<script language="javascript" src="/js/jquery-1.8.3.js"></script>
<script language="javascript" src="/js/md5.js"></script>
<script language="javascript">
function changeimg(){
   $("#imgcode").attr('src',"../imgcode.php?act=init&"+Math.random());
}
$(function(){
    $("#code").focus(function(){
	    //$("#imgcode").attr('src',"../imgcode.php?act=init&"+Math.random());
		$("#imgcode").show();
	});
	//$("input.sub").click(function(){checkform();});
	$("#username").focus();
/*	$("#username").keyup(function(){
	     $("#username").val($("#username").val().toUpperCase());
	})*/;
	$("#password").blur(function(){
	$("#pass").val(men_md5_password($("#password").val()));	
	});
	$("#imgcode").click();
});

function checkform(){
    if($("#username").val()==''){
	     alert("請輸入帳號");
		 $("#username").focus();
		 return false;
	}else if($("#password").val()==''){
	     alert("請輸入密碼");
		 $("#password").focus();
		 return false;
	}else if($("#code").val()==''){
	     alert("請輸入驗證碼");
		 $("#code").focus();
		 return false;
	}else{
		return true;
	}
}

function stop(){
   return false;
}

function hideinfo(){ if(event.srcElement.tagName=="A"){
   window.status=event.srcElement.innerText}
}
document.onmouseover=hideinfo; 
document.onmousemove=hideinfo;
	

</script>
</head>

<body>
    <div class="pager">
        <div class="bg" id='bg'>
                <img src="../guide/01.jpg" />
                <img src="../guide/02.jpg" />
                <img src="../guide/03.jpg" />
                <img src="../guide/04.jpg" />
                <img src="../guide/05.jpg" />
                <img src="../guide/06.jpg" />
        </div>
        <form method='post' class="lo login "  id='form' name="form" onsubmit="return checkform();"  >
            <table>
                <caption>
                    <span>系统登录</span>
                    <p></p>
                </caption>
   
                 <tr>
                    <th>账&nbsp;&nbsp;&nbsp;号：</th>
                    <td>
                        <input type="text" id='username' name='username'  tabIndex="1" />
                    </td>
                    <td rowspan="2" style="vertical-align: top">
                        <div class="sbt">                         
                            <input type="submit" class="sub" value="登录" name="submit" tabIndex="4" />
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>密&nbsp;&nbsp;&nbsp;码：</th>
                    <td>
                       <input type="password" id='password' tabIndex="2" name='password' /><input type="hidden" name='pass' id='pass' value="" />
                      
                    </td>
                </tr>
                <tr class="vcode">
                    <th>验证码：</th>
                    <td>
                        <input type="text" id='code' name='code' style="width:80px;" tabIndex="4"   />
                        <span id="img"><img onClick="changeimg()" id=imgcode  /></span>
                    </td>
                    <td><a href="javascript:void(0)" onClick="changeimg();">看不清？</a>
                    </td>
                </tr>
                <tr><td colspan="3">&nbsp;&nbsp;&nbsp;</td></tr>
        
            </table>
            <input type="hidden" name="xtype" value="login" />
        </form>
        <div class="lo opacity"></div>
    </div>

</body>

</html>
